<ul> <li> <div class=teapo-file-name>FileTree.ts</div> <pre class=teapo-file-content>Some file ok</pre> </li> <li> <div class=teapo-file-name>FileTree1.ts</div> <pre class=teapo-file-content>Some file one OK</pre> </li> <li> <div class=teapo-dir-name>src</div> <ul> <li> <div class=teapo-file-name>sub.txt</div> <pre class=teapo-file-content>sub.txt content</pre> </li> <li> <div class=teapo-file-name>zero.txt</div> <pre class=teapo-file-content>sub.txt content</pre> </li> </ul> </li> </ul> </li> <li> <div class=teapo-file-name>boom.txt</div> <pre class=teapo-file-content>What is this?</pre> </li> </ul> </div>​ </div></div>​<script>try { teapo.app.start(); } catch (err) { alert(err+' '+err.stack); }</script>​<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js">{ overrideConsole: true, startInNewWindow: false, startOpened: true}</script>​</body></html>​